{include="header"}

{function="fancybox"}
<div class ="wrapper">

	<div class = "main wrapper" id = "schedule">
		<h1 class = "fr">{$e['schedule']}</h1>

		<div class = "content">

			<div class = "head-bar">

				<a href = "schedule.html?date={$prev}"><img src="images/btn-prev-month.jpg" class = "btn-next-month"></a>
				<a href = "schedule.html?date={$next}"><img src="images/btn-next-month.jpg" class = "btn-next-month"></a>
				<a href = "schedule.html?date={$today}"><img src="images/btn-today.jpg" class = "btn-next-month" style = "margin-left:20px;"></a>

				<h2>{$month}</h2>
			</div>

			<div class = "month-view">
				<div class = "box head">{$e['sun']}</div>
				<div class = "box head">{$e['mon']}</div>
				<div class = "box head">{$e['tue']}</div>
				<div class = "box head">{$e['wed']}</div>
				<div class = "box head">{$e['thu']}</div>
				<div class = "box head">{$e['fri']}</div>
				<div class = "box head">{$e['sat']}</div>

				{loop="all_box"}
					<div class = "box {$value.class} {if="$value.date == $today"} today {/if}">
						<span class = "date">{$value.d}</span>
						{if="$value.have == 1"}
							{loop="all_date[$value.date]"}
								<a href = "event.php?id={$value.id}" class = "ajax"><span class = "event {$value2.line}">{$value.topic}</span></a>
							{/loop}
						{/if}
					</div>
				{/loop}
				<div class = "clear"></div>
			</div>

		</div>
	</div>

</div>
<script>
$(document).ready(function(){
	$(".ajax").fancybox({
		'width'				: '75%',
		'height'			: '75%',
        'autoScale'     	: false,
        'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe',
	});
});
</script>
{include="footer"}